<template>
  <div style="width: 100vh;height: 100vh;">
	<div>题目完成后，提交一个PR上来（pull request，可以百度查下怎么提交），备注写上名字与电话</div>
	
	<div style="margin-top: 20px;">1.方法</div>
	<div>写一个方法，该方法返回当前时间并格式化为yyyy-MM-dd HH:mm:ss</div>
	
	<div style="margin-top: 20px;">2.事件/变量/方法</div>
	<div>定义一个属性，通过 “-” “+” 按钮，修改该属性的值</div>
	<div>定义两个属性，每次点击 “-” “+” 按钮，都会赋值这两个属性一个0-10之间的随机数，计算这两个属性的和</div>
	<div>示例：</div>
	<div>
		<button style="margin-right: 20px;">-</button>{{ 'value' }}<button style="margin: 0px 20px;">+</button>{{'b'}} + {{'c'}} = {{'d'}}
	</div>
	
	<div style="margin-top: 20px;">3.自定义组件</div>
	<div>写一个简单的自定义组件，并引用</div>
	<div>实现组件方法与值的传递</div>
	<div>比如，将第二步中的按钮封装成一个组件使用，可以设置按钮宽高颜色，可以传递出按钮的点击事件</div>
	
	<div style="margin-top: 20px;">4.树形结构递归</div>
	<div>
		<div>
			有如下数据结构：
		</div>
		<div>
			type Tree = {
				name: string
				code: string
				children: Tree
				user: {
					name: string
					code: string
				}
			}
		</div>
		<div>
			请写一个方法将该数据结构中的user.code值改编为Tree.name + ':' + Tree.user.name
		</div>
		<div>
			示例：
		</div>
		<div>
			const data = [
				{
					name: 'A',
					code: 'A',
					children: [],
					user: [
						{
							name: 'a',
							code: 'a'
						}
					]
				}
			]
		</div>
		<div>
			const returnData = [
				{
					name: 'A',
					code: 'A',
					children: [],
					user: [
						{
							name: 'a',
							code: 'A:a'
						}
					]
				}
			]
		</div>
	</div>
	
  </div>
</template>

<script>
	
</script>

<style scoped>
	
</style>
